<script setup>
import Header from './components/Header.vue'
import Footer from './components/Footer.vue'
</script>

<template>
  <el-container>
    <el-header>
      <Header />
    </el-header>
    <el-main>
      <router-view />
    </el-main>
    <el-footer>
      <Footer />
    </el-footer>
  </el-container>
</template>

<style>
.el-header, .el-footer {
  background-color: #f4f4f5;
  padding: 20px;
}

.el-main {
  min-height: calc(100vh - 120px);
  padding: 20px;
}
</style>
